Add types to examples and docs (#1347)

* Adds a changeset

* Add types to examples and docs

* Make changes based on review feedback

* Avoid using the variable named props

* Make path a const

1 files changed, 10 insertions, 4 deletions

diff --git a/examples/blog-multiple-authors/src/pages/posts/[...page].astro b/examples/blog-multiple-authors/src/pages/posts/[...page].astro
index 056796deb..65b4067fc 100644
--- a/examples/blog-multiple-authors/src/pages/posts/[...page].astro
+++ b/examples/blog-multiple-authors/src/pages/posts/[...page].astro
@@ -10,10 +10,16 @@ let description = 'An example blog on Astro';
 let canonicalURL = Astro.request.canonicalURL;
 
 // collection
+interface MarkdownFrontmatter {
+  date: number;
+  description: string;
+  title: string;
+}
+
 import authorData from '../../data/authors.json';
 export async function getStaticPaths({paginate, rss}) {
-  const allPosts = Astro.fetchContent('../post/*.md');
-  const sortedPosts = allPosts.sort((a, b) => new Date(b.date) - new Date(a.date));
+  const allPosts = Astro.fetchContent<MarkdownFrontmatter>('../post/*.md');
+  const sortedPosts = allPosts.sort((a, b) => new Date(b.date).valueOf() - new Date(a.date).valueOf());
 
   // Generate an RSS feed from this collection of posts.
   // NOTE: This is disabled by default, since it requires `buildOptions.site` to be set in your "astro.config.mjs" file.
@@ -28,7 +34,7 @@ export async function getStaticPaths({paginate, rss}) {
   //       pubDate: item.date,
   //     })),
   //   });
-  
+
   // Return a paginated collection of paths for all posts
   return paginate(sortedPosts, {pageSize: 1});
 }
@@ -43,7 +49,7 @@ const { page } = Astro.props;
       title={title}
       description={description}
       image={page.data[0].image}
-      canonicalURL={canonicalURL}
+      canonicalURL={canonicalURL.toString()}
       prev={page.url.prev}
       next={page.url.next}
     />